<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>活动预约</title>
    <link rel="stylesheet" href="../style/weui.css"/>
    <link rel="stylesheet" href="./culture.css"/>
    <link rel="stylesheet" href="./css/swiper.css">
    <style type="text/css">
        
    .weui_panel_hd i{ font-size: 15px;color: #313131;padding-left:10px;}

    </style>
</head>
<body ontouchstart>

    <!-- 顶部banner -->
    <div class="header_bg"><img src="./images/banner/activity_schedule.png" /></div>

        <div class="weui-panel weui-panel_access">
        <div class="weui-panel__bd">
            <a href="./huodong_detail.html" class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="./images/articles/201412101324127764.png.jpg" alt="">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">活动标题</h4>
                    <p class="weui-media-box__desc">活动描述-福州艺术馆由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                    <ul class="weui-media-box__info">
                        <li class="weui-media-box__info__meta">主办方</li>
                        <li class="weui-media-box__info__meta">活动时间</li>
                        <li class="weui-media-box__info__meta">活动状态</li>
                    </ul>
                </div>
            </a>
            <a href="./huodong_detail.html" class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="./images/articles/201412101324127764.png.jpg" alt="">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">活动标题</h4>
                    <p class="weui-media-box__desc">福州艺术馆由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                    <ul class="weui-media-box__info">
                        <li class="weui-media-box__info__meta">主办方</li>
                        <li class="weui-media-box__info__meta">活动时间</li>
                        <li class="weui-media-box__info__meta">活动状态</li>
                    </ul>
                </div>
            </a>
        </div>
        <div class="weui-panel__ft">
            <a href="javascript:void(0);" class="weui-cell weui-cell_access weui-cell_link">
                <div class="weui-cell__bd">查看更多</div>
                <span class="weui-cell__ft"></span>
            </a>    
        </div>
    </div>

    <!-- 底部导航按钮 -->
    <div class="weui-tab" id="tab">
        <div class="weui-tabbar">
            <a href="./index.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="icon-chat"></i>
                </div>
                <p class="weui-tabbar__label">首页</p>
            </a>
            <a href="javascript:;" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="icon-contact"></i>
                </div>
                <p class="weui-tabbar__label">群文资讯</p>
            </a>
            <a href="javascript:;" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="icon-discovery"></i>
                </div>
                <p class="weui-tabbar__label">非遗风采</p>
            </a>
            <a href="./userCenter.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="icon-profile"></i>
                </div>
                <p class="weui-tabbar__label">我</p>
            </a>
        </div>
    </div>

    <script src="./zepto.min.js"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
    <script src="./js/swiper.js"></script>
</body>

</html>